<template>
    <footer class="footer_link container">
        <div class="link_login">
            <a href="#" title="博主宝宝QQ1490191791"><i class="iconfont blue icon-qq"></i></a>
            <a href="#" title="博主宝宝邮箱1490191791@qq.com"><i class="iconfont red icon-youxiang-"></i></a>
        </div>
        <div class="copyright">
            <ul>
                <li>网站地图</li>
                <li>免责声明</li>
                <li>友情链接</li>
                <li>Meow图床</li>
            </ul>
            <p>© 2019 猿生态 . Theme by LoLiMeow 14 queries in 0.034 s   | Hosting by Kvmla</p>
        </div>
    </footer>
</template>
<script>
export default {
    data(){
        return {}
    }
}
</script>
<style lang="scss" scoped>

@media screen and (max-width: 450px){
    .container{
       width: 90%!important;
    }
}
.container{
    width: 60%;
    margin: 0 auto;
}
.link_login::before,
.link_login::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg,rgb(255,255,255) 0%,rgb(229,229,229) 50%,rgb(255,255,255) 100%);
}
.link_login{
    text-align: center;
    padding:0.6rem 0;
    
    a{
        display: inline-block;
        margin: 0.6rem 0;
    }
    i{
        width: 0.89rem;
        line-height: 0.89rem;
        display: inline-block;
        background: #f00;
        font-size: 0.46rem;
        color: #fff;
        border-radius:0.08rem;
        box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    }
    i.blue{
        background-color: #1da1f2;
    }
    i.red{
        background-color: #fb4107;
    }
}
.copyright{
    margin: 0.6rem 0;
    ul,p{
        text-align: center;
        color: #8898aa!important;
    }
    ul li{
        display: inline-block;
        padding-bottom: 0.3rem;
        color: #E12646!important
    }
    ul li+li{
        margin-left: 0.2rem;
    }
}

</style>

